// pages/hero/hero.js

const app = getApp();
const innerAudioContextHero = wx.createInnerAudioContext({useWebAudioImplement: false});
innerAudioContextHero.src = 'cloud://cloud1-8grlkyuf1058902e.636c-cloud1-8grlkyuf1058902e-1322046947/yan,M.U.T.S. music studio - Smile Girl.mp3';
// 设置自动播放
innerAudioContextHero.autoplay = false;
// 设置循环播放
innerAudioContextHero.loop = true;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    currentImageIndex: 0, // 当前显示的图片索引
    imageList: [ "/images/111.png", "/images/211.png", "/images/311.png", "/images/411.png", "/images/511.png", "/images/611.png", "/images/711.png"  ],
    herolist:[0,0,0,0,0,0,0],//英雄是否拥有
    suitlist1:[[0,1,1],
               [0,0,0],
               [0,0,0],
               [0,0,0],
               [0,0,0],
               [0,0,0],
               [0,0,0],  ],//第一个英雄的时装是否拥有
    idbtn:"btn3",
    itemDescription:["来自远方大陆的法师，神秘的她从百年前降临到了这片大陆！传说她的巫师帽里藏着足以毁灭整个大陆的力量。擅长魔法攻击的她能够施展强力的魔法攻击，但与之相对的，她的血量较少，被近身会相当糟糕，但...优秀的法师从不会让别人碰到她的衣服。","硕大的镰刀预示着危险的降临！传说那把绿色的刀锋取自耶梦加得，致命的利刃足以撕裂一切敌人。耶梦加得之牙赐予了了无比的攻击力，但代价是他的身体被神之血诅咒因此法术攻击较弱。不过...他只靠镰刀应该就足够了。","每个大陆都有人渴望成为勇者、成为英雄，而我们的剑客此时正为这这一伟大的目标不断地努力着，他的铁剑由国王钦此、他的身体被缪斯赐福，因此我们的剑士拥有相当强大且均衡的物攻和法强，当你有选择困难症的时候就该让他出场啦！","你永远见不到这位大师愤怒的样子。常年的修行已经让他的内心平静如水。少林寺的金钟罩和铁布衫赋予了他更高的生命值，少林神技一阳指让他即使只拥有基础的物攻和法强也具有足够的威胁性，一阳指能够封印敌人的静脉，让他们下一回合无法行动。如果你也想实现自己 的少林梦就来试试他吧！","没人能突破他的防御，皇家骑士团的盾兵被称为非人的军团，如果愿意，没有任何一个国家的军队能够阻挡他们的铁骑。但幸好他们从未出击过，明面上。传说他们是国王准备镇压地底之龙的底牌，为了阻挡龙之吐息他们拥有超高的防御力，作为军团的一份子，他们擅长联合作战因此能够增加彼此的防御力，有什么能比拥有一个盾兵更让人安心的呢？","拿锤子的不一定是雷神，也有可能是我们的大锤。出生于火山边陲小镇的神秘家族的他从小就跟随大师们学习锻造，绝佳的天赋让他年纪轻轻就成为了最强的锻造师，但地底之龙的撞击让火山的岩浆摧毁了整个小镇，作为唯一的幸存者他拿起自己唯一的工具作为武器，常年的训练让他拥有超人般的生命值，绝佳的锻造技术让他的攻击力更为出众，在关键时刻他会挥舞起他的大锤，震击地面迸发出大量岩浆对敌人造成群体伤害，如果你想拥有和他一样坚韧的心就快购买他吧！","七步之外枪更快！天生的鹰眼能力让他的子弹总能抵达敌人的死穴。姓名未知、身份未知、目的未知，他像旧时代的亡魂游荡在大陆上，危险与风滚草是他的代名词，七步之内还是功夫更快，因此枪手有着更少的生命值，但作为补偿，他的攻击力冠绝群雄且单体伤害超高，真正做到一枪子弹解决一个敌人，当你想体验西部生活时就来试试他吧！"],
    suitDescription:["从过去大陆取回了自己的力量，现在的巫师成为了大陆魔法之力的主宰！","耶梦加得之刃与格里芬之牙的结合让他成为了最强之刃的化身，他的利刃能够切碎一切！","淬血的长剑诞生于梦魇之地，封印后它的憎恨不断增强，勇敢的剑士解开了封印，生于黑暗的火将重新回到大陆！","历练十余载，武僧成为了少林寺的方丈，他的力量将无坚不摧！","国王的最后指令已经下达，即将前往讨伐巨龙的他们获得了帝国工匠的最好的装备。","巨锤的力量已被解放，现在的他拥有摧毁一切的力量！","鸟枪换大炮，千里之外亦可狙杀敌人！"],
    textitem1:"",
    textitem2:"",
    textitem3:"",
    textitem4:"",
    textitem5:"",
    textitem6:"",
    textitem7:"",
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    console.log(this.data.idbtn)
    console.log("进入hero onShow")
    // 设置音频文件的路径

  // 开始播放音乐
  innerAudioContextHero.play();
  // 监听播放事件
  innerAudioContextHero.onPlay(() => {
  console.log('开始播放');
  });
  // 监听错误事件
  innerAudioContextHero.onError((res) => {
    console.log(res.errMsg);
    console.log(res.errCode);
  });
  innerAudioContextHero.onWaiting(
    (res)=>{
      console.log("没加载好")
    }
)
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {
    console.log("进入hero隐藏")
    innerAudioContextHero.stop();
    console.log("over hero bgm")
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
  onClick: function (e) {
   
    var id = e.target.id;
    var textitem1 = this.data.textitem1;
    var textitem2 = this.data.textitem2;
    var textitem3 = this.data.textitem3;
    var textitem4 = this.data.textitem4;
    var textitem5 = this.data.textitem5;
    var textitem6 = this.data.textitem6;
    var textitem7 = this.data.textitem7;
    if(id=="btn1")
    {
      console.log("look at btn1")
      if(this.data.imageList[0]=='/images/111.png')
      {
      this.setData({
        'imageList[0]': '/images/121.png',
        'currentImageIndex': 0,
        textitem1:this.data.suitDescription[0]
      });
      }
      else{
        this.setData({
          'imageList[0]': '/images/111.png',
          'currentImageIndex': 0,
          textitem1:this.data.itemDescription[0]
        });  
      }
    }
    else if(id=="btn2")
    {
      console.log("look at btn2")
      if(this.data.imageList[1]=='/images/211.png')
      {
      this.setData({
        'imageList[1]': '/images/221.png',
        'currentImageIndex': 0,
        textitem2:this.data.suitDescription[1]
      });
      }
      else{
        this.setData({
          'imageList[1]': '/images/211.png',
          'currentImageIndex': 0,
          textitem2:this.data.itemDescription[1]
        });  
      }
    }
    else if(id=="btn3")
    {
      console.log("look at btn3")
      if(this.data.imageList[2]=='/images/311.png')
      {
      this.setData({
        'imageList[2]': '/images/321.png',
        'currentImageIndex': 0,
        textitem3:this.data.suitDescription[2]
      });
      }
      else{
        this.setData({
          'imageList[2]': '/images/311.png',
          'currentImageIndex': 0,
          textitem3:this.data.itemDescription[2]
        });  
      }
    }
    else if(id=="btn4")
    {
      console.log("look at btn4")
      if(this.data.imageList[3]=='/images/411.png')
      {
      this.setData({
        'imageList[3]': '/images/421.png',
        'currentImageIndex': 0,
        textitem4:this.data.suitDescription[3]
      });
      }
      else{
        this.setData({
          'imageList[3]': '/images/411.png',
          'currentImageIndex': 0,
          textitem4:this.data.itemDescription[3]
        });  
      }
    }
    else if(id=="btn5")
    {
      console.log("look at btn5")
      if(this.data.imageList[4]=='/images/511.png')
      {
      this.setData({
        'imageList[4]': '/images/521.png',
        'currentImageIndex': 0,
        textitem5:this.data.suitDescription[4]
      });
      }
      else{
        this.setData({
          'imageList[4]': '/images/511.png',
          'currentImageIndex': 0,
          textitem5:this.data.itemDescription[4]
        });  
      }
    }
    else if(id=="btn6")
    {
      console.log("look at btn6")
      if(this.data.imageList[5]=='/images/611.png')
      {
      this.setData({
        'imageList[5]': '/images/621.png',
        'currentImageIndex': 0,
        textitem6:this.data.suitDescription[5]
      });
      }
      else{
        this.setData({
          'imageList[5]': '/images/611.png',
          'currentImageIndex': 0,
          textitem6:this.data.itemDescription[5]
        });  
      }
    }
    else if(id=="btn7")
    {
      console.log("look at btn7")
      if(this.data.imageList[6]=='/images/711.png')
      {
      this.setData({
        'imageList[6]': '/images/721.png',
        'currentImageIndex': 0,
        textitem7:this.data.suitDescription[6]
      });
      }
      else{
        this.setData({
          'imageList[6]': '/images/711.png',
          'currentImageIndex': 0,
          textitem7:this.data.itemDescription[6]
        });  
      }
    }
    /*
    if (id.startsWith("btn")) {
      var index = parseInt(id.slice(3)) - 1;
      console.log(index)
      this.setData({
        currentImageIndex: (index+2)%7
      });
    }*/
   
  },
  onClick2:function(e)
  {
    console.log("执行了onClick")
    console.log(this.data.idbtn)
    if(this.data.idbtn=="btn3")
    {
      innerAudioContextHero.pause()
      this.data.idbtn="btn4"
      console.log("btn3情况",this.data.idbtn)
    }
    else if(this.data.idbtn="btn4")
    {
      console.log('into btn3')
      innerAudioContextHero.play()
      this.data.idbtn="btn3"
      console.log("btn4情况",this.data.idbtn)
    }
  }
})